<ion-header>
  <ion-navbar no-border-bottom>
    <ion-title>日程管理</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>

  <!--<div id="datepicker" class="calendar"></div>-->

  <calendar id="scheduler" #calendar (onSelectedDate)="onSelectedDate($event)"></calendar>
  <ion-list [hidden]="true">
    <ion-item>
      <ion-label>
        选择年月
      </ion-label>
      <ion-datetime #DatetimePicker displayFormat="YYYY年-MM月" pickerFormat="YYYY-MM"
                    (ionChange)="DateTimeChange()" [(ngModel)]="selectedDateTime"
                    doneText="确定" cancelText="取消"></ion-datetime>
    </ion-item>
  </ion-list>

  <ion-item-divider class='list-no-more-tips' color="light" [hidden]="isLoadMore">暂无更多数据...</ion-item-divider>
  <ion-card *ngFor="let item of listData">
    <ion-card-header>
      <ion-badge>出差</ion-badge>&nbsp;{{item.bostitle}}
    </ion-card-header>
    <ion-row>
      <ion-col>
        申请人：{{item.author}}
      </ion-col>
    </ion-row>
    <ion-row>
      <ion-col>
        日期时间：{{item.startdate}}&nbsp;{{item.startpoint}}&nbsp;至&nbsp;{{item.enddate}}&nbsp;{{item.endpoint}}
      </ion-col>
    </ion-row>
    <!--<ion-row>
      <ion-col>
        结束时间：{{item.enddate}}&nbsp;{{item.endpoint}}
      </ion-col>
    </ion-row>-->
  </ion-card>
  <!--<ion-card>
    <ion-card-header>
      <ion-badge>出差</ion-badge>&nbsp;关于调研跨境通的申请
    </ion-card-header>
    <ion-row>
      <ion-col>
        申请人：陈樱子
      </ion-col>
    </ion-row>
    <ion-row>
      <ion-col col-6>
        开始时间：2017-11-11
      </ion-col>
      <ion-col col-6>
        结束时间：2017-11-11
      </ion-col>
    </ion-row>
    <ion-row>
      <ion-col>
        报告：<a>跨境通跟踪报告-2017-11-11</a>
      </ion-col>
    </ion-row>
  </ion-card>-->
  <!--<ion-card>
    <ion-card-header>
      <ion-badge>路演</ion-badge>&nbsp;海通证券非银路演
    </ion-card-header>
    <ion-row>
      <ion-col col-7>
        开始时间：2017-11-11 16:00
      </ion-col>
      <ion-col col-5>
        时长：1 小时
      </ion-col>
    </ion-row>
    <ion-row>
      <ion-col>
        申请人：海通证券/刘晶晶
      </ion-col>
    </ion-row>
    <ion-row *ngIf="showAllInfo">
      <ion-col>
        行业或上市公司：非银金融
      </ion-col>
    </ion-row>
    <ion-row *ngIf="showAllInfo">
      <ion-col>
        路演人：夏昌盛
      </ion-col>
    </ion-row>
    <ion-row *ngIf="showAllInfo">
      <ion-col>
        销售：刘姐姐 王雅清
      </ion-col>
    </ion-row>
    <ion-row *ngIf="showAllInfo">
      <ion-col>
        备注：
      </ion-col>
    </ion-row>
    <ion-row *ngIf="showAllInfo">
      <ion-col>
        联系人：
      </ion-col>
    </ion-row>
    <ion-row *ngIf="showAllInfo">
      <ion-col>
        联系方式：
      </ion-col>
    </ion-row>
    <ion-row>
      <ion-col>
        会议室：31楼小会议室
      </ion-col>
    </ion-row>
    <ion-row>
      <ion-col>
        参会人：田文舟
      </ion-col>
    </ion-row>

    <ion-row>
      <ion-col class="alignCenter">
        <a *ngIf="!showAllInfo" (click)="setShowAllInfo()">展示所有信息</a>
        <a *ngIf="showAllInfo" (click)="setShowAllInfo()">取消展示所有信息</a>
      </ion-col>
    </ion-row>
  </ion-card>-->
</ion-content>
